<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>企业邮局</title>
<link href="css/reset.css" rel="stylesheet" type="text/css">
<link href="css/pagecss.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript">
$(function(){
   var input_text="请输入您要查询的域名，如：DNS";
	 $("#ym_check").val(input_text);
	 	$("#ym_check").bind("focus",function(){
			if($(this).val()==input_text){
				 $(this).val("");
				}
			});
		$("#ym_check").bind("blur",function(){
			if($(this).val()==""){
				 $(this).val(input_text);
				}
			}); 
	})
</script>
<script src="js/banner.js"></script>
</head>

<body>
<!--head-->
<div class="ly_head"></div>
<!--head-->
<!--main-->
<div class="ly_main">
 <div class="ly_topbanner">
      <a href="#">服务器租用</a>
      <a href="#">数据库租用</a>
      <a href="#">带宽租用</a>
      <a href="#">主机托管</a>
   </div>
</div>
<div class="ly_main_pro">
   <div class="pro_center_top">
      <div class="pro_top_l"><!--<img src="images/pro_center_01.jpg" />-->
         <DIV id="idContainer2" class="banner_container">
          <TABLE id="idSlider2" border="0" cellSpacing="0" cellPadding="0">
            <tbody>
              <tr>
                <td class="td_f"><a href="#" ><img src="images/pro_center_01.jpg"></a></td>
                <td class="td_f"><a href="#" ><img src="images/pro_center_02.jpg"></a></td>
               </tr>
              </tbody>
          	</table>
          	<ul id="idNum" class="banner_num"></ul>
          </div>
      </div>
     <div class="pro_top_news">
       <h1>公告栏<span><a href="#">更多>></a></span></h1>
         <ul>
            <li><a href="#">郑州多线机房线路割接公告</a></li>
            <li><a href="#">科技2013年中秋节放假通...</a></li>
            <li><a href="#">中国IDC圈独家探营走进亿恩科...</a></li>
            <li><a href="#">科技在河南省首届互联网大会...</a></li>
            <li><a href="#">陶利今日与您相约河南教育广播电...</a></li>
            <li><a href="#">成就微信营销梦想，助力中原企业...</a></li>
            <li><a href="#">郑州多线机房线路割接公告</a></li>
            <li><a href="#">科技2013年中秋节放假通...</a></li>
        </ul>
     </div>
     <div class="clear"></div>
   </div>
   <div class="pro_center_search">
      <div class="pro_search_text"><input type="text" name="" id="ym_check"  ><a href="#">查询</a></div>
      <ul>
         <li><input type="checkbox" id="cn" checked><label for="cn">.cn</label></li>
         <li><input type="checkbox" id="comcn" checked><label for="comcn">.com.cn</label></li>
         <li><input type="checkbox" id="net" checked><label for="net">.net.cn</label></li>
         <li><input type="checkbox" id="org"><label for="org">.org.cn</label></li>
         <li><input type="checkbox" id="gov"><label for="gov">.gov.cn</label></li>
         <li><input type="checkbox" id="com"><label for="com">.com</label></li>
         <li><input type="checkbox" id="net1"><label for="net1">.net</label></li>
         <li><input type="checkbox" id="org1"><label for="org1">.org</label></li>
         <li><input type="checkbox" id="cc"><label for="cc">.cc</label></li>
         <li><input type="checkbox" id="hk"><label for="hk">.hk</label></li>
      </ul>
   </div>
  <div class="pro_center_empty">
      <div class="pro_empty_top"></div>
    <div class="pro_empty_main">
         <h1>虚礼主机<span><a href="#">更多>></a></span></h1>
         <div class="pro_empty_con pro_empty">
            <div class="pro_empty_list">
               <p><img src="images/pro_center_11.png"></p>
               <div class="pro_empty_text">
                  <h2>虚礼主机入门型</h2>
                  <p>
                     空&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;间： 100M
                    <br />数&nbsp;据&nbsp;库：不支持
                    <br />流&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;量：15G/月
                    <br />线&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;路：电信
                    <br />支持语言：ASP
                  </p>
                  <p><a href="#"><img src="images/pro_center_09.png"></a></p>
               </div>
               <div class="clear"></div>
            </div>
            <div class="pro_empty_list">
               <p><img src="images/pro_center_11.png"></p>
               <div class="pro_empty_text">
                  <h2>虚礼主机豪华型</h2>
                  <p>
                     空&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;间： 100M
                    <br />数&nbsp;据&nbsp;库：不支持
                    <br />流&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;量：15G/月
                    <br />线&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;路：电信
                    <br />支持语言：ASP
                  </p>
                  <p><a href="#"><img src="images/pro_center_09.png"></a></p>
               </div>
               <div class="clear"></div>
            </div>
            <div class="clear"></div>
         </div>
      </div>
      <div class="pro_empty_bottom"></div>
  </div>
  <div class="pro_center_empty">
      <div class="pro_empty_top"></div>
    <div class="pro_empty_main">
         <h1>VSP主机<span><a href="#">更多>></a></span></h1>
         <div class="pro_empty_con pro_vps">
            <div class="pro_empty_list">
               <p><img src="images/pro_center_12.png"></p>
               <div class="pro_empty_text">
                  <h2>虚礼主机入门型</h2>
                  <p>
                     空&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;间： 100M
                    <br />数&nbsp;据&nbsp;库：不支持
                    <br />流&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;量：15G/月
                    <br />线&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;路：电信
                    <br />支持语言：ASP
                  </p>
                  <p><a href="#"><img src="images/pro_center_09.png"></a></p>
               </div>
               <div class="clear"></div>
            </div>
            <div class="pro_empty_list">
               <p><img src="images/pro_center_12.png"></p>
               <div class="pro_empty_text">
                  <h2>虚礼主机豪华型</h2>
                  <p>
                     空&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;间： 100M
                    <br />数&nbsp;据&nbsp;库：不支持
                    <br />流&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;量：15G/月
                    <br />线&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;路：电信
                    <br />支持语言：ASP
                  </p>
                  <p><a href="#"><img src="images/pro_center_09.png"></a></p>
               </div>
               <div class="clear"></div>
            </div>
            <div class="clear"></div>
         </div>
      </div>
      <div class="pro_empty_bottom"></div>
  </div>
  <div class="pro_center_empty">
      <div class="pro_empty_top"></div>
    <div class="pro_empty_main">
         <h1>服务器租用<span><a href="#">更多>></a></span></h1>
         <div class="pro_empty_con pro_twice">
            <div class="pro_empty_list">
               <h2>双核酷睿E5800</h2>
               <div class="pro_empty_text">
                  <p><img src="images/pro_center_08.jpg"></p>
                  <p>
                     空&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;间： 100M
                    <br />数&nbsp;据&nbsp;库：不支持
                    <br />流&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;量：15G/月
                    <br />线&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;路：电信
                    <br />支持语言：ASP
                  </p>
                  <div class="clear"></div>
               </div>
               <p><a href="#"><img src="images/pro_center_09.png"></a></p>
            </div>
            <div class="pro_empty_list">
               <h2>双核酷睿E5800</h2>
               <div class="pro_empty_text">
                  <p><img src="images/pro_center_08.jpg"></p>
                  <p>
                     空&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;间： 100M
                    <br />数&nbsp;据&nbsp;库：不支持
                    <br />流&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;量：15G/月
                    <br />线&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;路：电信
                    <br />支持语言：ASP
                  </p>
                  <div class="clear"></div>
               </div>
               <p><a href="#"><img src="images/pro_center_09.png"></a></p>
            </div>
           
         </div>
         <div class="pro_empty_list"><a  href="#"><img src="images/pro_center_07.jpg"></a></div>
          <div class="clear"></div>
      </div>
      <div class="pro_empty_bottom"></div>
  </div>
  <div class="pro_center_empty">
      <div class="pro_empty_top"></div>
      <div class="pro_empty_main">
         <h1>企业建站<span><a href="#">更多>></a></span></h1>
        <div class="pro_empty_con pro_website">
            <div class="pro_empty_list web1">
               <div class="pro_empty_text">
                  <h2>企业速成型网站</h2>
                  <p>
                     空间：100M Mysql:10M 
                    <br />.com英文域名一个 
                    <br />月流量：5G 
                    <br />智能DNS解析
                    <br />适用刚刚创业的站点
                  </p>
                  <p><a href="#"><img src="images/pro_center_09.png"></a></p>
               </div>
            </div>
            <div class="pro_empty_list web2">
               <div class="pro_empty_text">
                  <h2>企业标准型网站</h2>
                  <p>
                     空间：100M Mysql:10M 
                    <br />.com英文域名一个 
                    <br />月流量：5G 
                    <br />智能DNS解析
                    <br />适用刚刚创业的站点
                  </p>
                  <p><a href="#"><img src="images/pro_center_09.png"></a></p>
               </div>
            </div>
             <div class="clear"></div>
         </div>
      </div>
      <div class="pro_empty_bottom"></div>
  </div>
   <div class="pro_center_link">
   		<a href="#"><img src="images/pro_center_17.jpg"></a>
      <a href="#"><img src="images/pro_center_18.jpg"></a>
      <a href="#"><img src="images/pro_center_19.jpg"></a>
      <div class="clear"></div>
    </div>
   
     <div class="pro_center_empty">
      <div class="pro_empty_top"></div>
      <div class="pro_empty_main">
         <h1>解决方案</h1>
        <div class="pro_empty_con pro_action">
            <div class="pro_empty_list">
               <div class="pro_empty_text">
                  <p><img src="images/pro_center_21.jpg"></p>
                  <h2>企业速成型网站</h2>
                  <p>安全托管安全托管安全托管安全托管安全托管安全托管安全托管安全托管安全托管安全托管安全托管 安全托管</p>
               </div>
            </div>
            <div class="pro_empty_list">
               <div class="pro_empty_text">
                  <p><img src="images/pro_center_22.jpg"></p>
                  <h2>企业速成型网站</h2>
                  <p>安全托管安全托管安全托管安全托管安全托管安全托管安全托管安全托管安全托管安全托管安全托管 安全托管</p>
               </div>
            </div>
            <div class="pro_empty_list">
               <div class="pro_empty_text">
                  <p><img src="images/pro_center_20.jpg"></p>
                  <h2>企业速成型网站</h2>
                  <p>安全托管安全托管安全托管安全托管安全托管安全托管安全托管安全托管安全托管安全托管安全托管 安全托管</p>
               </div>
            </div>
             <div class="clear"></div>
         </div>
      </div>
      <div class="pro_empty_bottom"></div>
  </div>
     <div class="pro_center_empty">
      <div class="pro_empty_top"></div>
      <div class="pro_empty_main">
         <h1>特色增值服务</h1>
        <div class="pro_empty_con pro_add">
            <div class="pro_empty_list">
               <div class="pro_empty_text">
                  <p><img src="images/pro_center_23.jpg"></p>
                  <h2>安全托管</h2>
                  <p>安全托管安全托管安全托管安全托管安全托管安全托管安全托管安全托管安全托管安全托管安全托管 安全托管</p>
               </div>
            </div>
            <div class="pro_empty_list">
               <div class="pro_empty_text">
                  <p><img src="images/pro_center_24.jpg"></p>
                  <h2>运维外包</h2>
                  <p>安全托管安全托管安全托管安全托管安全托管安全托管安全托管安全托管安全托管安全托管安全托管 安全托管</p>
               </div>
            </div>
            <div class="pro_empty_list">
               <div class="pro_empty_text">
                  <p><img src="images/pro_center_10.jpg"></p>
                  <h2>测试环境租赁</h2>
                  <p>安全托管安全托管安全托管安全托管安全托管安全托管安全托管安全托管安全托管安全托管安全托管 安全托管</p>
               </div>
            </div>
            <div class="pro_empty_list">
               <div class="pro_empty_text">
                  <p><img src="images/pro_center_25.jpg"></p>
                  <h2>安全检测</h2>
                  <p>安全托管安全托管安全托管安全托管安全托管安全托管安全托管安全托管安全托管安全托管安全托管 安全托管</p>
               </div>
            </div>
             <div class="clear"></div>
         </div>
      </div>
      <div class="pro_empty_bottom"></div>
  </div>

</div>
<!--main-->
<!--foot-->
<div class="ly_foot"></div>
<!--foot-->
</body>
</html>
<SCRIPT>
	var forEach = function(array, callback, thisObject){
		if(array.forEach){
			array.forEach(callback, thisObject);
		}else{
			for (var i = 0, len = array.length; i < len; i++) { callback.call(thisObject, array[i], i, array); }
		}
	}
	var tips_len=parseInt($(".td_f").length);  						//获取焦点图的个数
	var st = new SlideTrans("idContainer2", "idSlider2", tips_len, { Vertical: false });
	
	var nums = [];
	//插入数字
	for(var i = 0, n = st._count - 1; i <= n;){
		(nums[i] = $J("idNum").appendChild(document.createElement("li"))).innerHTML = ++i;
	}
	
	forEach(nums, function(o, i){
		o.onmouseover = function(){ o.className = "on"; st.Auto = false; st.Run(i); }
		o.onmouseout = function(){ o.className = ""; st.Auto = true; st.Run(); }
	})
	
	//设置按钮样式
	st.onStart = function(){
		forEach(nums, function(o, i){ o.className = st.Index == i ? "on" : ""; })
	}
	st.Run();
</SCRIPT>